<template lang="pug">
  .m-content
    .title 创建流程
    .main
      el-form(:model="ruleForm" :rules="rules"  ref="ruleForm"  label-width="80px" :label-position="labelPosition")
        el-form-item(label="流程名称" prop="name")
          el-input(v-model="ruleForm.name")
        el-form-item(label="工单类型" prop="name")
          el-select(v-model="ruleForm.name")
        el-form-item(label="产品类型" prop="name")
          el-select(v-model="ruleForm.name")
        el-form-item(label="动作类型" prop="name")
          el-select(v-model="ruleForm.name")
        el-form-item(label="流程描述")
          el-input(type="textarea" v-model="ruleForm.name")
        el-form-item
          el-button( type="primary") 确定
          el-button 取消
</template>
<script>
export default {
  data () {
    return {
      labelPosition: 'right',
      ruleForm: {
        name: '',
        orderType: '',
        productType: '',
        action: '',
        desc: ''
      },
      rules: {
        name: [
          { required: true, message: '请输入活动名称', trigger: 'blur' }
        ]
      }
    }
  }
}
</script>
<style lang="stylus" scoped>
.m-content
  >>>
    .el-select
    .el-input
    .el-textarea
      width 355px

</style>
